<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>

	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>仪器共享</title>

		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">
		<!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
		<link rel="stylesheet" href="new_css/publishService.css">
		<link rel="stylesheet" href="css/new_style.css">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<script src="new_js/jquery-1.11.3.js"></script>
		<script src="method/dwy/lab_order_details27.js"></script>
		<script>
		   inifo();
		   comment();
		 
		</script>
		<style>
	div#readOnly img {
	width: 24px;
	height: 25px;
	}
			.mainList .content .right .title{
				margin-left: 30px;
			}
			.main-content-mid {
				margin-left: 40px;
			}
			.mainList .content    {
				width: 100%;
				overflow: hidden;
				 height: 100% !important;
			}
			.mainList .content .right{
				height: 830px !important;
			}


			/*小箭头*/

			.sun_item>.sun_item_div1:after, .sun_item>.sun_item_div1:before {
				border: solid transparent;
				content: '';
				height: 0;
				left: 100%;
				position: absolute;
				width: 0;
			}
			.sun_item>.sun_item_div1:before {
				border-width: 12px;
				border-left-color: rgba(196,196,196,1);
				top: 75px;
			}
			.sun_item>.sun_item_div1:after {
				border-width: 10px;
				border-left-color: #fff;
				top: 77px;
			}

			/*评论*/
			.commentary{
				width:935px;
				height:402px;
				border: 1px solid #C4C4C4;
			}
			.commentary .buyer-evaluation{
				width: 467px;
				border-right: 1px solid #d2d2d2;




			}
			.commentary .buyer-evaluation .buyer-evaluation-title{
				height: 41px;
				line-height: 41px;
				margin: 8px auto;
				text-align: center;


				/*border-bottom: 1px solid #d2d2d2;*/

			}
			.commentary .buyer-evaluation .buyer-evaluation-title p{
				padding-bottom: 8px;
				border-bottom: 1px solid #d2d2d2;
				color: #1A1A1A;
				font-size:16px;
				/**/
			}

			.buyer-evaluation-content{
				margin: 20px 0 0px 20px;
				height: 300px;
				overflow: hidden;
				text-overflow: ellipsis;
			}



			.buyer-evaluation-content ul li span{
				color: #FF8A00;
			}

			.buyer-evaluation-time{
				text-align: right;
				margin-right: 20px;
			}

			.your-reply{
				border-right: 0px !important;
			}
			.commentary-btn{
				margin-right: 221px;
				margin-top: 30px;
			}

			a.clearfix.fr.commentary-btn {
				width: 151px;
				height: 46px;
				line-height: 46px;
				background-color: #ff8a00;
				text-align: center;
				color: #fff;
				font-size: 16px;
				border-radius: 5px;
			}

		</style>
		<script>
			$(function() {
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});

				$('.mainList .content .left li').click(function() {
					$(this).addClass('selected').siblings().removeClass('selected');
				});
			});
		</script>

	</head>

	<body style="background:#fff;">
	<!--header-->
	<%@include file="/header4.jsp"%>
		<div class="mainList">
			<div class="bNav">您的位置：实验订单管理><span>评价回复</span></div>
			<div class="content">
				
				<div class="right">
					<div class="title"><span>评价回复</span></div>
					<div class="main-content-mid clearfix">
						<ul  class="clearfix">
							<li style="margin: 20px auto " >
								<label>使用时间：</label>
								<span id="time"></span>min
								<!--  <input type="text" name="" id="time" value="" placeholder=""/>-->
							</li>
							<li class="sun_item clearfix">
								<div class="sun_item_div1">仪器信息</div>
								<div class="sun_item_div2">
									<div class="sun_item_img">
										<img id="imageSrc" src="images/productDetailPic.png" />
									</div>
									<div class="item_box">
										<br />
										<p><span id="name"></span></p>
										<br />

										<p><span id="model"></span></p>
										<br />


										<div class="goods-comm">
												
												<!-- <span id="score">仪器综合评分：</span> -->
												<div id="readOnly"><span>仪器综合评分：</span></div><p id="scoreFenshu"></p>
											
										</div>
										
	</li>
	</ul>
					
<!--评论-->
						<div class="commentary clearfix">
							<div class="buyer-evaluation fl">

								<div class="buyer-evaluation-title">
									<p>买家评价</p>
								</div>

								<div class="buyer-evaluation-content">
									<ul>
										<li>
										<li><span id="content"></span></li>
										</li>
										<li>仪器状态：<span id="status"></span></li>
							</li>
									</ul>
								</div>

								<div class="buyer-evaluation-time">
									<time><span id="time1"></span></time>
								</div>

								<div class="commentary-content">

								</div>
							</div>
							<div class="buyer-evaluation fl your-reply">

								<div class="buyer-evaluation-title">
									<p style="color: #FF8A00">您的回复</p>
								</div>

								<div class="buyer-evaluation-content">
									<ul>
										<li>
											<li><textarea rows="11" cols="20" style="border:none; width:97%; height:100%"  placeholder="请填写交流过程中的问题以及服务" id="reply"></textarea></li>
										</li>
									</ul>
								</div>

								<div class="buyer-evaluation-time">
									<time><span id="time3"></span></time>
								</div>

								<div class="commentary-content">

								</div>
							</div>
						</div>
						<a class="clearfix fr commentary-btn" id="replyadd">评价</a>
					</div>

				</div>



	</li>
	</ul>
	</div>
	</div>

		</div>
	</div>
	<!--footer-->
	<%@include file="/footer.jsp"%>
	<script src="js/jquery-1.11.3.js"></script>
	<script src="js/common.js"></script>
	<script src="js/labs.js"></script>
	<script src="js/jquery.raty.js"></script>


	
	<style>
	.mainList .content .right {
		width:1157px;
	/* 	float:right; */
		height:100%;
		min-height: 1000px;
		padding:0 20px;
		border:1px solid #d3d3d3;
}
	</style>

	</body>

</html>